import React from 'react';
import { Input, Button, Pagination, Card } from 'antd';
import PropTypes from 'prop-types'
import { Link } from 'dva/router';
import TagCard from '../../components/tagcard'

const Search = Input.Search;

class QuestionTag extends React.Component {
    onChange(pageNumber) {
        console.log('Page: ', pageNumber);
    }
    render() {
        return (
            <div>
                <div style={{ width: 1024 }}>
                    <Card style={{ margin: '10px', padding: '0' }} className='yw-tag'>
                        <p style={{ fontSize: 14, padding: '2px 0' ,float:'left'}}>标签(tag)</p>
                        <div style={{ fontSize: 14, float:'right'}}>
                            <Search
                                placeholder="输入你要查找的tag"
                                style={{ width: 200 }}
                                onSearch={value => console.log(value)}
                            />
                        </div>
                    </Card>


                    <div>

                        <TagCard title={'.NET'} all={875} todaynew={10} weeknew={94} linkurl={'/tag'} />
                        <TagCard title={'JAVA'} all={752} todaynew={8} weeknew={32} linkurl={'/tag'} />
                        <TagCard title={'C++'} all={684} todaynew={3} weeknew={71} linkurl={'/tag'} />
                        <TagCard title={'JAVASCRIPT'} all={351} todaynew={5} weeknew={60} linkurl={'/tag'} />
                        <TagCard title={'REACT'} all={251} todaynew={1} weeknew={80} linkurl={'/tag'} />
                        <TagCard title={'SQL'} all={123} todaynew={1} weeknew={80} linkurl={'/tag'} />
                        <TagCard title={'GO'} all={123} todaynew={1} weeknew={80} linkurl={'/tag'} />
                        <TagCard title={'HTML'} all={532} todaynew={1} weeknew={80} linkurl={'/tag'} />
                        <TagCard title={'CSS'} all={47} todaynew={1} weeknew={80} linkurl={'/tag'} />
                        <TagCard title={'OC'} all={25} todaynew={1} weeknew={80} linkurl={'/tag'} />
                        <TagCard title={'R'} all={35} todaynew={1} weeknew={80} linkurl={'/tag'} />
                        <TagCard title={'AJAX'} all={17} todaynew={1} weeknew={80} linkurl={'/tag'} />
                        <TagCard title={'WPF'} all={32} todaynew={1} weeknew={80} linkurl={'/tag'} />
                        <TagCard title={'EXCEL'} all={2511} todaynew={1} weeknew={80} linkurl={'/tag'} />
                        <TagCard title={'EXCEL'} all={2511} todaynew={1} weeknew={80} linkurl={'/tag'} />

                        <TagCard title={'EXCEL'} all={2511} todaynew={1} weeknew={80} linkurl={'/tag'} />

                    </div>
                    <div style={{ clear: 'both' }}></div>
                    <Card style={{ margin: '10px' }}>
                        <Pagination style={{ textAlign: 'center' }} showQuickJumper defaultCurrent={2} total={500} onChange={this.onChange} />
                    </Card>
                </div>
            </div>
        )
    }
}

export default QuestionTag;